nginx 自定义错误页面
在html目录中默认有个50x.html文件，当服务出现500时向客户端返回50x.html页面，该页面可以自定义。在server块加上如下配置，表示当服务出现500，502，503，504时向客户端返回50x.html页面：
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
当然也可以再加404等的自定义页面，在html目录中新建40x.html文件，在server块中加如下配置：
error_page 404 /40x.html;
location = /40x.html {
root html;
}
比较粗略的配置，可以在http块加上limit_req_status 503;表示当服务拒绝访问时统一向客户端返回503。
还可以新建index.html，html的内容如下，当服务器在维护时，可以暂时先跳转到该页面，给用户友好的提示。
<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
body {
width: 35em;
margin: 0 auto;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
</style>
</head>
<body>
<div style="border:1px solid #666;width:450px;position:fixed;top:50%;left:50%;margin:-80px 0 0 -225px;">
<h5 style="background:#666;line-height:24px;padding-left:10px;color:#fff;font-weight:400;margin:0;">info</h5>
<p style="line-height:160px;background:#fff;margin:0;text-align:center;" id="title"></p>
</div>
<SCRIPT>
function getvalue(name){
var str=window.location.search;
if (str.indexOf(name)!=-1){
var pos_start=str.indexOf(name)+name.length+1;
var pos_end=str.indexOf("&",pos_start);
if (pos_end==-1){
setValue(str.substring(pos_start));
}else{
setValue("wellcome");
}
}
else{
setValue("wellcome");
}
}
function setValue(val){
document.getElementById("title").innerHTML = decodeURI(val);
}
getvalue('t');
</SCRIPT>
</body>
</html>
该文章对你有帮助吗，求分享转发： 分享到QQ空间 分享给QQ好友